<template>
  <top-tar class="top"></top-tar>
  <div class="manage_main">
    <nav-tar class="left"></nav-tar>
    <div class="right">
      <bread-tip class="bread"></bread-tip>
      <div class="content">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
import navTar from "../../components/manage/navTar.vue";
import breadTip from "../../components/manage/breadTip.vue";
import topTar from "../../components/manage/topTar.vue";
export default {
  name: "manage_main",
  components: {
    navTar,
    breadTip,
    topTar,
  },
  setup() {
    return {};
  },
};
</script>
<style scoped>
.manage_main {
  border: 1px solid black;
  width: 99%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 5px;
}
.left {
  width: 20%;
  height: 100px;
  border: 1px solid black;
}
.right {
  margin: 1px auto;
  width: 79%;
  border: 1px solid black;
}
.top {
  border: 1px solid black;
  height: 50px;
}
.bread {
  border: 1px solid black;
  height: 40px;
}
.content {
  margin-top: 10px;
  border: 1px solid black;
  /* height: 100px; */
}
</style>